<template>
  <view class="orderDetails_">
	  <view class="orderDetails_type">
	  	<view class="orderDetails_type_title">
	  		<u-icon name="clock" color="#f56140" size="28"></u-icon>
			<text>退款中</text>
	  	</view>
		<view class="orderDetails_type_content">
			退款已经在路上，请耐心等待
		</view>
		<view class="orderDetails_type_hx">
			
		</view>
		<view class="orderDetails_type_num">
			<view class="orderDetails_type_numtext">
				退款金额
			</view>
			<view class="orderDetails_type_nummoery">
				￥223.2
			</view>
		</view>
	  </view>
    <view class="orderDetails_top">
    	<view class="orderDetails_top_left">
    		<image src="/static/orderDetails/shoptop.png" ></image>
    	</view>
		<view class="orderDetails_top_right">
			<view class="orderDetails_top_title">
				冠能 猫用室内成猫全价猫粮（专业呵护）2.5kg
			</view>
			<view class="orderDetails_top_sky">
				<text>2.5kg</text>
			</view>
		</view>
    </view>
	<view class="refund">
		
				<view class="refund-num">
					<view class="refund-num-left">
						<view class="refund-num-title">
							退款原因：
						</view>
						<!-- <view class="refund-num-content">
							可退￥141.75，含发货邮费￥0
						</view> -->
					</view>
					<view class="refund-num-right">
						￥141.75 
					</view>
				</view>
				<view class="refund-num">
					<view class="refund-num-left">
						<view class="refund-num-title">
							退款金额：
						</view>
						<!-- <view class="refund-num-content">
							可退￥141.75，含发货邮费￥0
						</view> -->
					</view>
					<view class="refund-num-right">
						￥141.75 
					</view>
				</view>
				<view class="refund-num">
					<view class="refund-num-left">
						<view class="refund-num-title">
							退款数量：
						</view>
						<!-- <view class="refund-num-content">
							可退￥141.75，含发货邮费￥0
						</view> -->
					</view>
					<view class="refund-num-right">
						￥141.75 
					</view>
				</view>
				<view class="refund-num">
					<view class="refund-num-left">
						<view class="refund-num-title">
							售后单号：
						</view>
						<!-- <view class="refund-num-content">
							可退￥141.75，含发货邮费￥0
						</view> -->
					</view>
					<view class="refund-num-right">
						￥141.75 
					</view>
				</view>
				<view class="refund-num">
					<view class="refund-num-left">
						<view class="refund-num-title">
							申请时间：
						</view>
						<!-- <view class="refund-num-content">
							可退￥141.75，含发货邮费￥0
						</view> -->
					</view>
					<view class="refund-num-right">
						￥141.75 
					</view>
				</view>
				<view class="refund-num">
					<view class="refund-num-left">
						<view class="refund-num-title">
							备注说明：
						</view>
						<!-- <view class="refund-num-content">
							可退￥141.75，含发货邮费￥0
						</view> -->
					</view>
					<view class="refund-num-right">
						￥141.75 
					</view>
				</view>
	</view>
	<!-- <view class="beizu">
		<view class="beizu-sm">
			备注说明：
		</view>
		<u--textarea v-model="value1" placeholder="请输入内容" maxlength="50"></u--textarea>
	</view> -->
	
	<!-- <view class="order-foode">
		<view class="order-bt">
			申请退款
		</view>
		
	</view> -->
	<u-action-sheet
					:show="showSex"
					:actions="actions"
					title="请选择性别"
					description="如果选择保密会报错"
					@close="showSex = false"
					@select="sexSelect"
			>
			</u-action-sheet>
  </view>
</template>

<script>
// import UFormItem from "@/uview-ui/components/u-form-item/u-form-item";
export default {
  name: "ordeaftersaledet",
  // components: { UFormItem },
  // 必须要在onReady生命周期，因为onLoad生命周期组件可能尚未创建完毕
  onReady() {
    // this.$refs.uForm.setRules(this.rules);
	//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。
	    	this.$refs.uForm.setRules(this.rules)
  },
  onLoad(options) {
   
  },
  data() {
    return {
		showSex: false,
					
					value1:'',
      
    };
  },
  methods: {
	 
  },
};
</script>

<style scoped lang="scss">
	.orderDetails_{
		padding: 25rpx 32rpx 130rpx;
		.orderDetails_type{
			border-radius: 25rpx;
			padding-top: 40rpx;
			background-color: #ffffff;
			.orderDetails_type_title{
				display: flex;
				justify-content: center;
				font-size: 36rpx;
				align-items: center;
				color: #f56140;
				font-weight: bold;
			}
			.orderDetails_type_content{
				margin-top: 40rpx;
				font-size: 24rpx;
				color: #bdbdbd;
				text-align: center;
			}
			.orderDetails_type_hx{
				width: 95%;
				margin: 40rpx auto 0;
				height: 1rpx;
				border-bottom: 1rpx dashed #efefef;
			}
			.orderDetails_type_num{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 22rpx;
				font-weight: bold;
				font-size: 27rpx;
			}
			
		}
		
		.orderDetails_top{
			width: 100%;
			height: 192rpx;
			border-radius: 15rpx;
			padding: 22rpx 22rpx;
			margin-top: 20rpx;
			background-color: white;
			border-radius: 25rpx;
			display: flex;
			justify-content: flex-start;
			.orderDetails_top_left{
				width: 150rpx;
				height: 150rpx;
				image{
					width: 138rpx;
					height: 138rpx;
				}
			}
			.orderDetails_top_right{
				width: 100%;
				margin-left: 20rpx;
				.orderDetails_top_title{
					font-size: 26rpx;
					padding-top: 10rpx;
					line-height: 40rpx;
					font-weight: bold;
				}
				.orderDetails_top_sky{
					margin-top: 10rpx;
					text{
						padding: 5rpx 20rpx;
						background-color: #eeeeee;
						border-radius: 50rpx;
						color: #7b7b7b;
					}
				}
				
			}
		}
		.refund{
			margin-top: 32rpx;
			padding: 22rpx 22rpx;
			background-color: white;
			border-radius: 25rpx;
			font-weight: bold;
			.refund-num{
				padding: 15rpx 0;
				display: flex;
				justify-content: flex-start;;
				align-items: center;
				// margin-top: 27rpx;
				.refund-num-title{
					font-size: 27rpx;	
				}
				.refund-num-content{
					font-size: 27rpx;	
					color: #999393;
				}
				.refund-num-right{
					font-size: 27rpx;	
				}
			}
		}
		.beizu{
			margin-top: 32rpx;
			padding: 22rpx 22rpx;
			background-color: white;
			border-radius: 25rpx;
			.beizu-sm{
				
				font-size: 27rpx;	
				margin-bottom: 12rpx;
			}
		}
		// .order-foode{
		// 	position: absolute;
		// 	padding-bottom: 50rpx;
		// 	bottom: 0rpx;
		// 	width: 100%;
		// 	left: 0;
		// 	.order-bt{
		// 		width: 686rpx;
		// 		border-radius: 50rpx;
		// 		background-color: #fd6244;
		// 		text-align: center;
		// 		// width: 100%;
		// 		height: 70rpx;
		// 		line-height: 70rpx;
		// 		margin: 0 auto;
		// 	}
		// }
	}

</style>
